<!DOCTYPE html>
<html>
<head>
    <meta charset = "UTF-8">
    <title>Title</title>
    <style>
        * {
            margin:0;
            padding:0;
            text-align:center
        }
    </style>
    <script src = 'jquery-1.12.4.min.js'></script>
    <script>
        var students = [
            {"name":"张三", "sex":1},
            {"name":"李四", "sex":0},
            {"name":"王五", "sex":1},
        ];

            jQuery(function ($) {

                var $body = $('body');

                //标题栏
                $('<P></P>').appendTo($body).css({textAlign:'center'}).text('花名册');
                //表格
                $('<table></table>').appendTo($('body'

            })
        }
    </script>
</head>

<body>
<!--<tr>
    <th>姓名</th>
    <th>性别</th>
    <th>年龄</th>
    <th>照片</th>
</tr>
<tr>
    <td>张三</td>
    <td>男</td>
    <td>23</td>
    <td><span style = 'cursor:pointer'>查看</span></td>
</tr>
<tr>
    <td>李四</td>
    <td>女</td>
    <td>21</td>
    <td><span style = 'cursor:pointer'>查看</span></td>
</tr>-->
</body>
</html>